<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="/favicon.ico">
    <title>后台模板</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="/js/jquery.min.js"></script>
  </head>
  
  <style>
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }

  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>
  <body>
  <div id="app"><section class="el-container is-vertical" style="height: auto; border: 1px solid rgb(238, 238, 238);"><header class="el-header" style="height: 60px; text-align: left; font-size: 24px;">ERP管理系统</header> <section class="el-container"><aside class="el-aside" style="width: 200px; background-color: rgb(238, 241, 246);"><ul role="menubar" class="el-menu"><li role="menuitem" aria-haspopup="true" aria-expanded="true" class="el-submenu is-opened"><div class="el-submenu__title" style="padding-left: 20px;"><i class="el-icon-message"></i>导航一<i class="el-submenu__icon-arrow el-icon-arrow-down"></i></div><ul role="menu" class="el-menu el-menu--inline"> <li class="el-menu-item-group"><div class="el-menu-item-group__title" style="padding-left: 40px;">分组一</div><ul> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项1</li> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项2</li></ul></li> <li class="el-menu-item-group"><div class="el-menu-item-group__title" style="padding-left: 40px;">分组2</div><ul><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项3</li></ul></li> <li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 40px;">选项4<i class="el-submenu__icon-arrow el-icon-arrow-down"></i></div><ul role="menu" class="el-menu el-menu--inline" style="display: none;"> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 60px;">选项4-1</li></ul></li></ul></li> <li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 20px;"><i class="el-icon-menu"></i>导航二<i class="el-submenu__icon-arrow el-icon-arrow-down"></i></div><ul role="menu" class="el-menu el-menu--inline" style="display: none;"> <li class="el-menu-item-group"><div class="el-menu-item-group__title" style="padding-left: 40px;">分组一</div><ul> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项1</li> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项2</li></ul></li> <li class="el-menu-item-group"><div class="el-menu-item-group__title" style="padding-left: 40px;">分组2</div><ul><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项3</li></ul></li> <li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 40px;">选项4<i class="el-submenu__icon-arrow el-icon-arrow-down"></i></div><ul role="menu" class="el-menu el-menu--inline" style="display: none;"> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 60px;">选项4-1</li></ul></li></ul></li> <li role="menuitem" aria-haspopup="true" aria-expanded="true" class="el-submenu is-opened"><div class="el-submenu__title" style="padding-left: 20px;"><i class="el-icon-setting"></i>导航三<i class="el-submenu__icon-arrow el-icon-arrow-down"></i></div><ul role="menu" class="el-menu el-menu--inline"> <li class="el-menu-item-group"><div class="el-menu-item-group__title" style="padding-left: 40px;">分组一</div><ul> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项1</li> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项2</li></ul></li> <li class="el-menu-item-group"><div class="el-menu-item-group__title" style="padding-left: 40px;">分组2</div><ul><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 40px;">选项3</li></ul></li> <li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 40px;">选项4<i class="el-submenu__icon-arrow el-icon-arrow-down"></i></div><ul role="menu" class="el-menu el-menu--inline" style="display: none;"> <li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 60px;">选项4-1</li></ul></li></ul></li></ul></aside> <section class="el-container"><main class="el-main">
<?php echo $this->getContent(); ?>
    </main></section></section></section></div>
<style>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }
  
  .el-aside {
    color: #333;
  }
</style>

  </body>
</html>
